<script setup lang="ts">

import Study_dree from "@/views/study/study_dree.vue";
</script>

<template>

  <div class="flex ">

    <div class="bg-sky-200 w-[250px]">
      <div class="pl-4" style="height: 35px;line-height: 35px;font-size: 22px">章节</div>
      <study_dree/>
    </div>


    <div class="bg-sky-500 grow shrink pl-2">
      <div style="text-align: center"> 标题</div>
      <hr>
      <div> 文本，视频，素材</div>
      <div style="height: 600px;display: flex;width: 100%">

        <div style="background-color: #99a9bf;flex: 1; align-items: center" class="flex ">

          <div class="aspect-16/9 object-cover bg-pink-300" style="width: 100%">
            爱国
            <!--                <img src="../assets/img/wechat_2025-11-04_211423_516.png" style="height: 100%;width: 100%" alt="">-->

          </div>
        </div>


        <div style="background-color: #e39362;width: 220px"> 学习笔记 区</div>

      </div>

      <div style="height: 250px"> 评论区</div>
    </div>

  </div>

</template>

<style scoped>

</style>